import React from "react";
import { Avatar, Row, Col, Menu, Dropdown, Icon } from "antd";
const TopHeader = () => {
  const menu = (
    <Menu>
      <Menu.Item key="0">个人信息</Menu.Item>
      <Menu.Divider />
      <Menu.Item key="1">退出</Menu.Item>
    </Menu>
  );
  return (
    <div>
      <Row>
        <Col xs={12} sm={12} md={12} lg={18} xl={18}></Col>
        <Col
          xs={12}
          sm={12}
          md={12}
          lg={6}
          xl={6}
          style={{
            textAlign: "right",
            paddingRight: "20px"
          }}
        >
          <Dropdown overlay={menu} trigger={["click"]}>
            <div>
              <Avatar src="https://avatar.gitee.com/uploads/90/1980490_Uvdream.png!avatar100?1546421413" />
              <Icon
                type="down"
                style={{
                  marginLeft: "5px",
                  color: "#1890ff",
                  fontSize: "15px"
                }}
              />
            </div>
          </Dropdown>
        </Col>
      </Row>
    </div>
  );
};
export default TopHeader;
